<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>镭峰出行</title>
	<link href="__COMMON__/Css/amazeui.min.css" rel="stylesheet">
    <link href="__CSS__/iconfont.css" rel="stylesheet">
    <link href="__CSS__/bass.css" rel="stylesheet">
    <link href="__CSS__/index.css" rel="stylesheet">

	<script src="__COMMON__/Js/jquery.min.js"></script>
	<script src="__COMMON__/Js/amazeui.min.js"></script>
</head>
<body>
	<style type="text/css">
		canvas {
			display: block;
			width:100%;
			height:200px;
		}
	</style>
	<div>
		<header>
			<div class="header">
				<a href="#" class="returnA"><h1 class="htitle">镭峰出行</h1></a>
				<div class="hmap" id="gomap"><span class="icon-uniE902"></span>杭州</div>
				<div class="head-input-row head-search">
					<input id="search" type="search" placeholder="搜索信息">
						<span class=" head-icon-left icon-uniE90F"></span>
						<span class=" head-icon-right icon-uniE939"></span>
				</div>
			</div>
		</header>
		<div style="height: 2.5rem;"></div>
	</div>
	<nav class="nav-bar nav-bar-tab">
	    <a class="nav-tab-item nav-active">
	        <span class="nav-icon icon-uniE90A"></span>
	        <span class="nav-tab-label">首页</span>
	    </a>
	    <a href="#" class="nav-tab-item">
	        <span class="nav-icon icon-uniE903"><span class="nav-badge">1</span></span>
	        <span class="nav-tab-label">消息</span>
	    </a>
	     <a href="{:U('UserCenter/user_info')}" class="nav-tab-item">
	        <span class="nav-icon icon-uniE90B"></span>
	        <span class="nav-tab-label">个人中心</span>
	    </a>
	</nav>
	<div class="all_box">
		<!-- 轮播图 -->
	    <div class="m-slider slider_box" id="slider">
		    <div class="ks_dbox ks_ts" style="transform: translate3d(0px, 0px, 0px);">
		         <div class="ks_wrap">
		           <img src="{$Think.const.SITE_URL}Uploads/images/j-banner03.jpg">
		         </div>
		         <div class="ks_wrap">
		           <img src="{$Think.const.SITE_URL}Uploads/images/j-banner02.jpg">
		         </div>
		         <div class="ks_wrap">
		           <img src="{$Think.const.SITE_URL}Uploads/images/j-banner03.jpg">
		         </div>
		    </div>
		    <div class="ks-circles"><ul class="ks_wt"></ul></div>
	    </div>
	    <!-- 轮播图 end-->
	    <!-- 功能板块 -->
	    <div class="big_button">
	    	<div class="big_left">
	    		<div class="big_left_p"><a href="#"><span class="icon-uniE932"></span><h3>租赁中心</h3></a></div>
	    		<div class="big_left_p2"><a href="#"><h3>活动中心</h3></a></div>
	    		<div class="ind-bar"></div>
	    	</div>
	    	<div class="big_right">
				<div class="big_rigt_p plate_a fl">
					<a href="#"><span class="icon-17"></span><h3>租赁条款</h3></a>
					<div class="ind-bar2"></div>
				</div>
				<div class="big_rigt_p plate_b fr">
					<a href="#"><span class="icon--01"></span><h3>资讯服务</h3></a>
					<div class="ind-bar3"></div>
				</div>
				<div class="big_rigt_p plate_c fl">
					<a href="#"><span class="icon-uniE92C"></span><h3>个人中心</h3></a>
					<div class="ind-bar2"></div>
				</div>
				<div class="big_rigt_p plate_d fr">
					<a href="#"><span class="icon-uniE93B"></span><h3>签到有礼</h3></a>
					<div class="ind-bar3"></div>
				</div>
				<div class="cl"></div>
			</div>
	    </div>
	    <!-- 功能板块 end-->
	    <!-- 会员风采 -->
	    <div class="m-Mien">
	    	<b><em></em>团队成员</b>
	    	<ul>
				<li>
					<a href="javascript:;" class="cl">
						<img src="__IMG__/IMG_1845.JPG">
						<div class="mienIntro">
							<h1>金斌华</h1>
							<p>杭电在校高材生</p>
							<p>专注渠道推广</p>
						</div>
					</a>
				</li>
				<li>
					<a href="javascript:;" class="cl">
						<img src="__IMG__/IMG_1847.JPG">
						<div class="mienIntro">
							<h1>吴宇</h1>
							<p>杭电在校高材生</p>
							<p>专注渠道推广</p>
						</div>
					</a>
				</li>
	    		<li>
	    			<a href="#" class="cl">
		    			<img src="__IMG__/IMG_1846.JPG">
		    			<div class="mienIntro">
		    				<h1>徐金玉</h1>
		    				<p>杭电在校高材生</p>
		    				<p>专注市场和渠道</p>
		    			</div>
	    			</a>
	    		</li>
	    		<li>
	    			<a href="javascript:;" class="cl">
		    			<img src="__IMG__/IMG_1509.PNG">
		    			<div class="mienIntro">
		    				<h1>郑建强</h1>
		    				<p>计量在校IT男</p>
		    				<p>PHP后台开发</p>
		    			</div>
	    			</a>
	    		</li>
	    	</ul>
            <div class="m-Mien-m">
            	<a href="#">查看更多</a>
            </div>
	    </div>
	    <!-- 会员风采 end-->
	    <!-- 协会活动列表 -->
		<div class="dynamic-list activity-list">
			<div class="dynamic-list-head">
				<i class="dynamic-i-l icon-uniE93D"></i>
				<b>热门活动</b>
				<a href="#"><i class="dynamic-i-r icon-uniE906 fr"></i></a>
			</div>
			<ul class="eventreminder">
				<!--<li>
		    		<a href="#">
		    			<div class="A-cimg">
                                <img src="./hd1.jpg">
                                <span class="i-activity p-free">免费</span>
                                <span class="i-activity p-number">246人报名</span>
                                <span class="activity-s activity-s-1">正在报名</span>
		    			</div>
	                    <div class="eventreminder-list">
	                        <p class="activity-h1">广州50Km徒步活动</p>
	                        <p class="activity-TimeXh"><span class="fr">5分钟前</span> <span class="event-xh">广州-徒步社</span></p>
	                    </div>  
					</a>
				</li>  -->

	        </ul>
		</div>
	    <!-- 协会活动列表 end-->
	    <!-- 协会动态列表 -->
		<ul class="dynamic-list">
			<div class="dynamic-list-head">
				<i class="dynamic-i-l icon-uniE925"></i>
				<b>热门动态</b>
				<i class="dynamic-i-r icon-uniE906 fr"></i>
			</div>
			<li>
				<a href="#">
					<img class="cy-media-object pull-left" src="./st1.jpg">
					<div class="cy-media-body">
						<h3>互联网+ | 发家致富就是这么简单</h3>
						<p class="cy-ellipsis">雷军说过：“只要站在风口，猪也能飞起来”毫无疑问
	现在“互联网+”的风头一时无两，究竟是为</p>
						<p class="cy-ellipsis cy-heatTime">
							<span><i class="icon-uniE92F"></i>149</span>&nbsp;&nbsp;
							<span><i class="icon-uniE930"></i>30</span>
							<span class="fr">5分钟前</span>
						</p>
					</div>
				</a>
			</li>

		</ul>
	</div>

	<!--模态弹窗-->

	<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
		<div class="am-modal-dialog">
			<div class="am-modal-hd" style="font-size: 16px">程序员正在加班中 敬请期待</div>
			<div class="am-modal-bd">
				<canvas id="c"></canvas>
			</div>
			<div class="am-modal-footer">
				<span class="am-modal-btn" style="font-size:16px;">确定</span>
			</div>
		</div>
	</div>

    <!-- 协会动态列表 end-->
    <!-- 引入js资源 -->
    <script type="text/javascript" src="__JS__/zepto.min.js"></script>
  	<script type="text/javascript" src="__JS__/zepto.kslider.js"></script>
    <script type="text/javascript">
	  $(function(){
	     //slider
	      $('#slider').slider({
	        className: 'slider_box',
	        tick: 4000 //播放间隔
	     });
	     var imgPieces=$('.m-slider').find('.ks_wrap');
	     for(var i=0;i<imgPieces.length;i++){
	       $('.ks_wt').append('<li></li>');
	       $('.ks_wt').find('li').eq(0).addClass('active');
	     }
	  });
		$('a').bind('click',function(){
			$('#my-alert').modal();
		});



	  var c = document.getElementById("c");
	  var ctx = c.getContext("2d");

	  //全屏
	  c.height = window.innerHeight;
	  c.width = window.innerWidth;

	  //文字
	  var txts = "0123456789";
	  //转为数组
	  txts = txts.split("");

	  var font_size = 16;
	  var columns = c.width/font_size;
	  //用于计算输出文字时坐标，所以长度即为列数
	  var drops = [];
	  //初始值
	  for(var x = 0; x < columns; x++)
		  drops[x] = 1;

	  //输出文字
	  function draw()
	  {
		  //让背景逐渐由透明到不透明
		  ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
		  ctx.fillRect(0, 0, c.width, c.height);

		  ctx.fillStyle = "#0F0"; //文字颜色
		  ctx.font = font_size + "px arial";
		  //逐行输出文字
		  for(var i = 0; i < drops.length; i++)
		  {
			  //随机取要输出的文字
			  var text = txts[Math.floor(Math.random()*txts.length)];
			  //输出文字，注意坐标的计算
			  ctx.fillText(text, i*font_size, drops[i]*font_size);

			  //如果绘满一屏或随机数大于0.95（此数可自行调整，效果会不同）
			  if(drops[i]*font_size > c.height || Math.random() > 0.95)
				  drops[i] = 0;

			  //用于Y轴坐标增加
			  drops[i]++;
		  }
	  }

	  setInterval(draw, 33);
	</script> 

</body></html>